<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!--vendor css-->
    
    <!--app css-->
    <link rel="stylesheet" href="./css/main.css">
</head>
<body>
    <div id="wrapper">
        <header id="header">
            <nav>
                <ul class="parent">
                    <li>
                        <ul class="child">
                            <li>
                                <ul class="grand-child">
                                    <li><a href="">Lorem Ipsum</a></li>
                                    <li><a href="">Lorem Ipsum</a></li>
                                    <li><a href="">Lorem Ipsum</a></li>
                                    <li><a href="">Lorem Ipsum</a></li>
                                </ul>
                                <a href="">Cleanser</a>
                            </li>
                            <li><a href="">Skin Toner</a></li>
                            <li><a href="">Face Scrub</a></li>
                        </ul>
                        <a href="">лице</a>
                    </li>
                    <li>
                        <ul class="child">
                            <li><a href="">Шампоан</a></li>
                            <li><a href="">Маска за Коса</a></li>
                            <li><a href="">Кондишънър</a></li>
                        </ul>
                        <a href="">коса</a>
                    </li>
                    <li>
                        <ul class="child">
                            <li><a href="">Душ Гел</a></li>
                            <li><a href="">Овлажнител за тяло</a></li>
                            <li><a href="">Антицелулит</a></li>
                        </ul>
                        <a href="">тяло</a>
                    </li>
                    <li>
                        <ul class="child">
                            <li><a href="">Етерични масла</a></li>
                            <li><a href="">Етерични масла</a></li>
                            <li><a href="">Етерични масла</a></li>
                        </ul>
                        <a href="">ароматерапия</a>
                    </li>
                    <li>
                        <a href="">контакти</a>
                    </li>
                </ul>
            </nav>
        </header> <!--#header-->
        <div id="home-wrapper">
            <div id="front-home"><img src="./image/home-front.jpg" alt=""></div>
            <div id="categories" class="cf">
                <ul>
                    <li class="parent">
                    <a href=""><img src="./image/face.jpg" alt="">
</a>
                    </li>
                    <li class="parent">
                        <a href=""><img src="./image/hair.jpg" alt=""></a>                    
                    </li>
                    <li class="parent">
                        <a href=""><img src="./image/body.jpg" alt=""></a>
                    </li>
                </ul>
            </div>
            <div id="location-home">
                <div></div>
                <img src="./image/map.jpg" alt="">
            </div>
        </div> <!--#home-wrapper-->
    </div> <!--#wrapper-->
    <!--app js-->
    <script src="./js/main.js"></script>
</body>
</html>